<template>
  <div class="video-wrapper">
    <video :src="src" controls autoplay muted loop style="width: 100%; height: 100%; background-color: black;"
      playsinline></video>
  </div>
</template>


<script>
export default {
  name: 'Videopaly',
  props: {
    src: {
      type: String,
      required: false,
      default: '',
    },
  },
};
</script>

<style>
.video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
